<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Document</title>
    <style>
        dd{
            font-size: 12px;
            margin-left: 0px;
            line-height: 30px;

        }
    </style>
</head>
<body>
    <p>段落文本</p>
    正常文本效果
    <p style="font-size: 40px">段落文本</p>
    <hr>
    <div>通用段落文本</div>
    <blockquote style="font-size: 40px">引出大段落内容</blockquote>
    <br>
    <pre>
        ###
            ###
                ###
            ###
        ###
    </pre>
    <ul>
        <li>index1</li>
        <li>index2</li>
        <li>index3</li>
        <li>index4</li>
        <li>index5</li>
        <ul>
            <li>index2</li>
            <li>index3</li>
            <ul>
                <li>index2</li>
                <li>index3</li>
                <ul>
                    <li>index2</li>
                    <li>index3</li>
                </ul>
            </ul>
        </ul>
    </ul>
    <hr>
    <!-- ol 有序列表 -->
    <ol start="23" type="i" reversed="reversed">
        <li>index1</li>
        <li>index2</li>
        <li>index3</li>
        <li>index4</li>
        <li>index5</li>
    </ol>
    <dl>
        <dt style="font-size: 14px;">自定义列表标题</dt>
        <dd>自定义列表内容</dd>
        <dd>自定义列表内容</dd>
        <dd>自定义列表内容</dd>
    </dl>
    <hr>
    <figure>
        <figcaption>这是一张图片</figcaption>
        <img width="500", height="400" src="./psc.jpg" alt="">
    </figure>
</body>
</html>